{extend name="base" /}
{block name="body"}
<div class="layui-body">
    <!--tab标签-->
    <div class="layui-tab layui-tab-brief">
        <ul class="layui-tab-title">
            <li class="layui-this">用户管理</li>
            <!--<li class=""><a href="{:url('admin/user/add')}">添加用户</a></li>-->
        </ul>
        <div class="layui-tab-content">
            <div class="layui-tab-item layui-show">

                <form class="layui-form layui-form-pane" action="{:url('admin/user/index')}" method="get">
                    <div class="layui-inline">
                        <label class="layui-form-label">搜索</label>
                        <div class="layui-input-inline">
                            <input type="text" name="keyword" value="{$keyword}" placeholder="请输入手机号|用户名" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <button class="layui-btn">搜索</button>
                    </div>
                </form>
                <hr>

                <table class="layui-table">
                    <thead>
                    <tr>
                        <th style="width: 30px;">ID</th>
                        <th>用户名</th>
                        <th>图片</th>
                        <th>身份证号</th>
                        <th>年龄</th>
                        <th>手机号</th>
                        <th>企业名称</th>
                        <th>随团人数</th>
                        <th>报名时间</th>
                        <th>状态</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    {foreach name="user_list" item="vo"}
                    <tr>
                        <td>{$vo.id}</td>
                        <td>{$vo.username}</td>
                        <td>
                            <img src="/{$vo.head_pic}" width="70" height="70" alt="">
                        </td>
                        <td>{$vo.card_num}</td>
                        <td>{$vo.age}</td>
                        <td>{$vo.mobile}</td>
                        <td>{$vo.com_name}</td>
                        <td>{$vo.renshu}</td>

                        <td>{$vo.add_time|date="Y-m-d H:i",###}</td>
                        <td>
                            {php}echo $vo['status']==1?'已匹配':'待匹配'{/php}
                        </td>
                        <td>
                            <a target="_blank" href="{:url('admin/user/edit',['id'=>$vo['id']])}" class="layui-btn layui-btn-normal layui-btn-mini">详情</a>
<!--                            <a       class="layui-btn layui-btn-normal layui-btn-mini llll">打印</a>-->



                            <!--<div class="site-demo-button" id="layerDemo" style="margin-bottom: 0;">-->
                            <!--<button data-method="notice" class="layui-btn layui-btn-danger layui-btn-mini ajax-delete">审核</button>-->
                            <!--</div>-->



<!--                            <a target="_blank" href="{:url('admin/user/delete',['id'=>$vo['id']])}" class="layui-btn layui-btn-danger layui-btn-mini ajax-delete">删除</a>-->
                        </td>
                    </tr>
                    {/foreach}
                    </tbody>
                </table>
                <!--分页-->
                {$user_list->render()}
            </div>
        </div>
    </div>
</div>



<script>
    (function () {
        $('.llll').on('click', function(){
            // debugger;
            var id=$(this).attr("id")
            layer.prompt({title: '请输入编辑的等级，并确认', formType: 3}, function(vlaue, index){
                // href="{:url('admin/user/editlevel',['id'=>$vo['id']])}"
                $.ajax({
                    url: 'editlevel',
                    type: 'get',
                    // 设置的是请求参数
                    data: { id: id, level: vlaue },
                    // 用于设置响应体的类型 注意 跟 data 参数没关系！！！
                    dataType: 'json',
                    success: function (res) {
                        // 一旦设置的 dataType 选项，就不再关心 服务端 响应的 Content-Type 了
                        // 客户端会主观认为服务端返回的就是 JSON 格式的字符串
                        window.location.reload()
                    }
                })
                layer.close(index);
                // layer.prompt({title: '随便写点啥，并确认', formType: 2}, function(text, index){
                //     layer.close(index);
                //     layer.msg('演示完毕！您的口令：'+ pass +'<br>您最后写下了：'+text);
                // });
            });
            // layer.open({
            //     type: 1
            //     ,title: false //不显示标题栏
            //     ,closeBtn: false
            //     ,area: '300px;'
            //     ,shade: 0.8
            //     ,id: 'LAY_layuipro' //设定一个id，防止重复弹出
            //     ,btn: ['火速围观', '残忍拒绝']
            //     ,btnAlign: 'c'
            //     ,moveType: 1 //拖拽模式，0或者1
            //     ,content: '<div style="padding: 50px; line-height: 22px; background-color: #393D49; color: #fff; font-weight: 300;">你知道吗？亲！<br>layer ≠ layui<br><br>layer只是作为Layui的一个弹层模块，由于其用户基数较大，所以常常会有人以为layui是layerui<br><br>layer虽然已被 Layui 收编为内置的弹层模块，但仍然会作为一个独立组件全力维护、升级。<br><br>我们此后的征途是星辰大海 ^_^</div>'
            //
            //
            //     ,success: function(layero){
            //         var btn = layero.find('.layui-layer-btn');
            //         btn.find('.layui-layer-btn0').attr({
            //             href: 'http://www.layui.com/'
            //             ,target: '_blank'
            //         });
            //     }
            // });
        });
    })();
    function tips() {
        layer.prompt({title: '输入任何口令，并确认', formType: 1}, function(pass, index){
            layer.close(index);
            layer.prompt({title: '随便写点啥，并确认', formType: 2}, function(text, index){
                layer.close(index);
                layer.msg('演示完毕！您的口令：'+ pass +'<br>您最后写下了：'+text);
            });
        });
    }
</script>
{/block}
